.icon {
    font-family: 'iconfont';
    font-style: normal;
    background-size: contain;
    display: block;
}

.bg-icon-arrow-up {
    background: url(../images/c-top/icon-arrow-up.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-arrow-down {
    background: url(../images/c-top/icon-arrow-up.png) no-repeat center center;
    background-size: contain;
    transform: rotateZ(180deg);
}

.bg-icon-weather-blizzard-actived {
    background: url(../images/c-envpicker/icon-weather-blizzard-actived.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather-heavy-snowy-actived {
    background: url(../images/c-envpicker/icon-weather-heavy-snowy-actived.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather-medium-snowy-actived {
    background: url(../images/c-envpicker/icon-weather-medium-snowy-actived.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather-little-snowy-actived {
    background: url(../images/c-envpicker/icon-weather-little-snowy-actived.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather-haze-actived {
    background: url(../images/c-envpicker/icon-weather-haze-actived.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather-heavy-rainy-actived {
    background: url(../images/c-envpicker/icon-weather-heavy-rainy-actived.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather-medium-rainy-actived {
    background: url(../images/c-envpicker/icon-weather-medium-rainy-actived.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather-little-rainy-actived {
    background: url(../images/c-envpicker/icon-weather-little-rainy-actived.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather-fog-actived {
    background: url(../images/c-envpicker/icon-weather-fog-actived.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather-cloudy-actived {
    background: url(../images/c-envpicker/icon-weather-cloudy-actived.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather-darken-actived {
    background: url(../images/c-envpicker/icon-weather-darken-actived.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather-sunny-actived {
    background: url(../images/c-envpicker/icon-weather-sunny-actived.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather-blizzard-normal {
    background: url(../images/c-envpicker/icon-weather-blizzard-normal.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather-heavy-snowy-normal {
    background: url(../images/c-envpicker/icon-weather-heavy-snowy-normal.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather-medium-snowy-normal {
    background: url(../images/c-envpicker/icon-weather-medium-snowy-normal.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather-little-snowy-normal {
    background: url(../images/c-envpicker/icon-weather-little-snowy-normal.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather-haze-normal {
    background: url(../images/c-envpicker/icon-weather-haze-normal.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather-heavy-rainy-normal {
    background: url(../images/c-envpicker/icon-weather-heavy-rainy-normal.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather-medium-rainy-normal {
    background: url(../images/c-envpicker/icon-weather-medium-rainy-normal.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather-little-rainy-normal {
    background: url(../images/c-envpicker/icon-weather-little-rainy-normal.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather-fog-normal {
    background: url(../images/c-envpicker/icon-weather-fog-normal.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather-cloudy-normal {
    background: url(../images/c-envpicker/icon-weather-cloudy-normal.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather-darken-normal {
    background: url(../images/c-envpicker/icon-weather-darken-normal.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather-sunny-normal {
    background: url(../images/c-envpicker/icon-weather-sunny-normal.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather {
    background: url(../images/c-envpicker/icon-weather.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-calendar {
    background: url(../images/c-envpicker/icon-calendar.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-season {
    background: url(../images/c-envpicker/icon-season.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-time {
    background: url(../images/c-envpicker/icon-time.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-menu-management-actived {
    background: url(../images/c-sphere/icon-menu-management-actived.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-menu-landscape-actived {
    background: url(../images/c-sphere/icon-menu-landscape-actived.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-menu-construction-actived {
    background: url(../images/c-sphere/icon-menu-construction-actived.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-menu-ecology-actived {
    background: url(../images/c-sphere/icon-menu-ecology-actived.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-menu-overall-actived {
    background: url(../images/c-sphere/icon-menu-overall-actived.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-menu-management-normal {
    background: url(../images/c-sphere/icon-menu-management-normal.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-menu-landscape-normal {
    background: url(../images/c-sphere/icon-menu-landscape-normal.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-menu-construction-normal {
    background: url(../images/c-sphere/icon-menu-construction-normal.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-menu-ecology-normal {
    background: url(../images/c-sphere/icon-menu-ecology-normal.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-menu-overall-normal {
    background: url(../images/c-sphere/icon-menu-overall-normal.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-open-sphere-normal{
    background:url(../images/c-toolbar/icon-open-sphere-normal.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-open-sphere-actived{
    background:url(../images/c-toolbar/icon-open-sphere-actived.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-close-sphere-normal{
    background:url(../images/c-toolbar/icon-close-sphere-normal.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-close-sphere-actived{
    background:url(../images/c-toolbar/icon-close-sphere-actived.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-setting-normal{
    background:url(../images/c-toolbar/icon-setting-normal.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-setting-actived{
    background:url(../images/c-toolbar/icon-setting-actived.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-home-normal{
    background:url(../images/c-toolbar/icon-home-normal.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-home-actived{
    background:url(../images/c-toolbar/icon-home-actived.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-measurement-normal{
    background: url(../images/c-toolbar/icon-close-measurement-normal.png) no-repeat center center;
}
.bg-icon-measurement-actived{
    background: url(../images/c-toolbar/icon-close-measurement-actived.png) no-repeat center center;
}
.bg-icon-measure-distance-normal{
    background: url(../images/c-toolbar/icon-measure-distance-normal.png) no-repeat center center;
}
.bg-icon-measure-distance-actived{
    background: url(../images/c-toolbar/icon-measure-distance-actived.png) no-repeat center center;
}
.bg-icon-measure-area-normal{
    background: url(../images/c-toolbar/icon-measure-area-normal.png) no-repeat center center;
}
.bg-icon-measure-area-actived{
    background: url(../images/c-toolbar/icon-measure-area-actived.png) no-repeat center center;
}
.bg-icon-measure-mark-normal{
    background: url(../images/c-toolbar/icon-measure-mark-normal.png) no-repeat center center;
}
.bg-icon-measure-mark-actived{
    background: url(../images/c-toolbar/icon-measure-mark-actived.png) no-repeat center center;
}

.bg-icon-mountain-normal{
    background: url(../images/c-selections/icon-mountain-normal.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-water-normal{
    background: url(../images/c-selections/icon-water-normal.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-forest-normal{
    background: url(../images/c-selections/icon-forest-normal.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-field-normal{
    background: url(../images/c-selections/icon-field-normal.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-grass-normal{
    background: url(../images/c-selections/icon-grass-normal.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-lake-normal{
    background: url(../images/c-selections/icon-lake-normal.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-architecture-normal{
    background: url(../images/c-selections/icon-architecture-normal.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-facility-normal{
    background: url(../images/c-selections/icon-facility-normal.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-mountain-actived{
    background: url(../images/c-selections/icon-mountain-actived.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-water-actived{
    background: url(../images/c-selections/icon-water-actived.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-forest-actived{
    background: url(../images/c-selections/icon-forest-actived.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-grass-actived{
    background: url(../images/c-selections/icon-grass-actived.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-field-actived{
    background: url(../images/c-selections/icon-field-actived.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-lake-actived{
    background: url(../images/c-selections/icon-lake-actived.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-architecture-actived{
    background: url(../images/c-selections/icon-architecture-actived.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-facility-actived{
    background: url(../images/c-selections/icon-facility-actived.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-ecology-monitor-normal{
    background:url(../images/c-toggle-list/icon-ecology-monitor-normal.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-ecology-maintain-normal{
    background:url(../images/c-toggle-list/icon-ecology-maintain-normal.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-ecological-record-normal{
    background:url(../images/c-toggle-list/icon-ecological-record-normal.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-ecology-scheme-normal{
    background:url(../images/c-toggle-list/icon-ecology-scheme-normal.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-ecology-simulation-normal{
    background:url(../images/c-toggle-list/icon-ecology-simulation-normal.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-ecology-growth-normal{
    background: url(../images/c-toggle-list/icon-ecology-grow-normal.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-ecology-monitor-actived{
    background:url(../images/c-toggle-list/icon-ecology-monitor-actived.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-ecology-maintain-actived{
    background:url(../images/c-toggle-list/icon-ecology-maintain-actived.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-ecological-record-actived{
    background:url(../images/c-toggle-list/icon-ecological-record-actived.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-ecology-scheme-actived{
    background:url(../images/c-toggle-list/icon-ecology-scheme-actived.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-ecology-simulation-actived{
    background:url(../images/c-toggle-list/icon-ecology-simulation-actived.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-ecology-growth-actived{
    background: url(../images/c-toggle-list/icon-ecologly-grow-actived.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-legend-head{
    background: url(../images/c-legend/icon-legend-head.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-show{
    background: url(../images/c-legend/icon-show.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-hide{
    background: url(../images/c-legend/icon-hide.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-accomplish-percent{
    background: url(../images/v-overall/icon-accomplish-percent.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-bus-running{
    background: url(../images/v-overall/icon-bus-running.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-hidden-dangerous{
    background: url(../images/v-overall/icon-hidden-dangerous.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-pass-count{
    background: url(../images/v-overall/icon-pass-count.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-patrol-count{
    background: url(../images/v-overall/icon-patrol-count.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-project-amount{
    background: url(../images/v-overall/icon-project-count.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-subscribe-today{
    background: url(../images/v-overall/icon-subscribe-today.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-tourist-on-island{
    background: url(../images/v-overall/icon-tourist-on-island.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-warning-count{
    background: url(../images/v-overall/icon-warning-count.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-worker-amount{
    background: url(../images/v-overall/icon-worker-amount.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-worker-field{
    background: url(../images/v-overall/icon-worker-field.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-worker-registered{
    background: url(../images/v-overall/icon-worker-registered.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-alert-normal{
    background: url(../images/c-stick/icon-alert-normal.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-alert-hover{
    background: url(../images/c-stick/icon-alert-hover.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-bullet-green{
    background: url(../images/c-stick/icon-bullet-green.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-bullet-red{
    background: url(../images/c-stick/icon-bullet-red.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-add-row-normal{
    background: url(../images/c-form/icon-add-row.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-add-row-actived{
    background: url(../images/c-form/icon-add-row-actived.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-remove-row-normal{
    background: url(../images/c-form/icon-remove-row.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-remove-row-actived{
    background: url(../images/c-form/icon-remove-row-actived.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-reset-normal{
    background: url(../images/c-form/icon-reset-normal.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-reset-actived{
    background: url(../images/c-form/icon-reset-actived.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-ecological-record-header{
    background: url(../images/v-ecology/icon-ecological-record.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-ecological-overall-header{
    background: url(../images/v-ecology/icon-ecological-overall.png) no-repeat center center;
}
.bg-icon-ecological-overall-close{
    background: url(../images/v-ecology/icon-ecological-overall-close.png) no-repeat center center;
}

.bg-icon-water-level-simulation{
    background: url(../images/v-ecology/icon-water-level.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-growth-level-simulation{
    background: url(../images//v-ecology/icon-growth-level.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-screen-split-normal{
    background: url(../images/c-button/icon-screen-split-normal.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-screen-split-actived{
    background: url(../images/c-button/icon-screen-split-actived.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-fullscreen-normal{
    background: url(../images/c-carousel/icon-fullscreen-normal.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-fullscreen-actived{
    background: url(../images/c-carousel/icon-fullscreen-actived.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-fivetwo{
    background: url(../images/v-construction/icon-5and2.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-humidity{
    background: url(../images/v-construction/icon-humidity.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-noise{
    background: url(../images/v-construction/icon-noise.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-pm10{
    background: url(../images/v-construction/icon-pm10.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-pm25{
    background: url(../images/v-construction/icon-pm25.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-temperature{
    background: url(../images/v-construction/icon-temperature.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-wind-speed{
    background: url(../images/v-construction/icon-wind-speed.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-construction-warning-count{
    background: url(../images/v-construction/icon-warnning-count.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-construction-warning-type{
    background: url(../images/v-construction/icon-warning-type.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-personnel-normal{
    background: url(../images/v-construction/icon-personnel-normal.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-planRoaming-actived{
    background: url(../images/v-construction/icon-planRoaming-actived.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-planRoaming-normal{
    background: url(../images/v-construction/icon-planRoaming-normal.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-tower-crane-normal{
    background: url(../images/v-construction/icon-tower-crane-normal.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-personnel-actived{
    background: url(../images/v-construction/icon-personnel-actived.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-tower-crane-actived{
    background: url(../images/v-construction/icon-tower-crane-actived.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-alternatives-actived {
    background: url(../images/v-construction/icon-alternatives-actived.png) no-repeat center center;
    background-size: contain;
  }
  .bg-icon-alternatives-normal {
    background: url(../images/v-construction/icon-alternatives-normal.png) no-repeat center center;
    background-size: contain;
  }
.bg-icon-camera-normal{
    background: url(../images/v-construction/icon-camera-normal.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-camera-actived{
    background: url(../images/v-construction/icon-camera-actived.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-broadcaster-normal{
    background: url(../images/v-landscape/icon-broadcaster-normal.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-broadcaster-actived{
    background: url(../images/v-landscape/icon-broadcaster-actived.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-bus-normal{
    background: url(../images/v-landscape/icon-bus-normal.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-bus-actived{
    background: url(../images/v-landscape/icon-bus-actived.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-restroom-normal{
    background: url(../images/v-landscape/icon-restroom-normal.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-restroom-actived{
    background: url(../images/v-landscape/icon-restroom-actived.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-service-facilities-normal{
    background: url(../images/v-landscape/icon-service-faclities-normal.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-service-facilities-actived{
    background: url(../images/v-landscape/icon-service-facilities-actived.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-average-operating-duration{
    background: url(../images/v-landscape/person_gd.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-bus-operating-today{
    background: url(../images/v-landscape/gd.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-subscribe-3days{
    background: url(../images/v-landscape/icon-subscribe-3days.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-subscribe-tomorrow{
    background: url(../images/v-landscape/icon-subscribe-tomorrow.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-tourist-entering{
    background: url(../images/v-landscape/icon-tourist-entering.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-tourist-leaving{
    background: url(../images/v-landscape/icon-tourist-leaving.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-wave{
    background: url(../images/c-broadcaster/bg-wave.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-broadcaster-header{
    background:url(../images/c-broadcaster/icon-broadcaster.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-speak{
    background: url(../images/c-broadcaster/icon-speak.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-play-repeat-normal{
    background: url(../images/c-broadcaster/icon-play-repeat-normal.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-play-repeat-actived{
    background: url(../images/c-broadcaster/icon-play-repeat-actived.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-management-facility-normal{
    background: url(../images/v-management/icon-management-facility-normal.png) center center no-repeat;
    background-size: contain;
}
.bg-icon-management-facility-actived{
    background: url(../images/v-management/icon-management-facility-actived.png) center center no-repeat;
    background-size: contain;
}
.bg-icon-vehicle-normal{
    background: url(../images/v-management/icon-vehicle-normal.png) center center no-repeat;
    background-size: contain;
}
.bg-icon-vehicle-actived{
    background:url(../images/v-management/icon-vehicle-actived.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-gear{
    background:url(../images/v-management/icon-gear.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-truck{
    background:url(../images/v-management/icon-truck.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-worker{
    background:url(../images/v-management/icon-worker.png) no-repeat center center;
    background-size: contain;
}